@import '../variables.css';

ul.tree-ui .glyphicon,
ul.tree-ui .tree-node-ckb {
  margin-right: 5px;
}

ul.tree-ui > li {
  display: block;
  margin: 0;
  padding: 0; 
  border: 0;
}

ul.tree-ui .tree-indent {
  display: inline-block;

  width: 15px;
  height: 1px;
}

ul.tree-ui  li  a {
  color: #666;
  display: block;
  padding: 10px 15px;
}

ul.tree-ui  li.active > a,
ul.tree-ui li a:hover{
  background: var(--main-color);
  color: #fff;
}

ul.tree-ui > li > a {
  border-bottom: 1px solid grey;
}

ul.tree-ui  ul.sub-tree {
  display: none;
}

ul.tree-ui  .sub-tree li  a {
  padding: 5px 15px;
}

ul.tree-ui > li.open a .icon {
  transform: rotate(-90deg)
}

